<!DOCTYPE html>
<html>
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>匆匆那年</title>
		<link rel="icon" href="CD.ico" />
		<link href="mainstyle.css" rel="stylesheet" type="text/css" />
		<link href="css/hover_image.css" rel="stylesheet" type="text/css" />
		<link href="css/lightbox.css" rel="stylesheet" type="text/css" />
		<link href="css/light.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
		<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
		<!-- SLIDER_TIMELINE -->
		<script type="text/javascript" src="js/jquery.timeline.min.js"></script>
		<script type="text/javascript">
		$(window).load(function() {
			// dark
			$('.timelineLight').timeline({
				openTriggerClass : '.read_more',
				startItem : '18/12/2014'
			});
		});
		</script>
		<!-- IMAGE -->
		<script src="js/image.js" type="text/javascript"> </script>
		<script src="js/lightbox.js" type="text/javascript"></script>
		<script src="js/jquery.capSlide.js" type="text/javascript"></script>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<style>
			.content-1 span{
				font-size:24px;
				text-align:center;
				font-family:"华文中宋";
				color:rgb(45,72,77);
			}
			.content-1{
				text-align: center;
		        margin:30px auto;
			}
			body{text-align:center} 
			
		</style>
	</head>
	<body >
		<div class="content-1">
            <div><span style="font-size: 70px;">NINTH</span></div>
            <div><span >在匆匆那年的时光，我们带着青涩和懵懂......</span></div>
       </div>
         
        <!--Janurary  一月
			February 二月
			March 三月
			April 四月
			May 五月
			June 六月
			July 七月
			August 八月
			September 九月
			October 十月
			November 十一月
			December 十二月-->
		
		<!-- BEGIN TIMELINE -->
			<div class="timelineLight tl">
				<!--
                	作者：cuz_mr.j@live.com
                	时间：2017-04-13
                	描述：2011122  Rold
                -->
					<div class="item" data-id="22/1/2011" data-description="Lorem ipsum dolor sit amet, consectetur adipiscing elit...">
						<a class="image_rollover_bottom con_borderImage" data-description="ZOOM IN" href="images/timeline_content/3.jpg" rel="lightbox[timeline]">
						<img src="images/timeline_content/3.jpg" alt="" style="max-width: 200px;max-height: 125px;" />
						</a>
						<h2>Jan, 22</h2>
						<span>
							<br />
							小时候，我们便懂得指出自己要走的路，那当长大懂事了以后呢....
						</span>
						<div class="read_more" data-id="22/1/2011">Read more</div>
					</div>
					<div class="item_open" data-id="22/1/2011">
						<img class="con_borderImage" src="images/timeline_content/3w.jpg" />
						<div class="timeline_open_content">
						<h2 class="no-marg-top">简简单单</h2>
							小时候，我们便懂得指出自己要走的路，那当长大懂事了以后呢，是否便一定更清楚自己该往哪一个方向走，不一定的。<br />
							我们努力着改变，到最后才发现，最简单就是做幸福，简简单单是幸福。
							<br />
						   	 《简简单单》<br />
							喝纯白的豆浆 是纯白的浪漫<br />
							望着你可爱脸庞 和你纯真的模样<br />
							我傻傻对你笑 是你忧愁解药<br />
							你说我就像油条 很简单却很美好
						</div>
					</div>
			
				
				<!--
                	作者：cuz_mr.j@live.com
                	时间：2017-04-13
                	描述：20110218   Ninth 
                -->
					<div class="item" data-id="18/2/2011" data-description="Lorem ipsum dolor sit amet, consectetur adipiscing elit...">
						<a class="image_rollover_bottom con_borderImage" data-description="ZOOM IN" href="images/timeline_content/1.jpg" rel="lightbox[timeline]">
						<img src="images/timeline_content/1.jpg" alt="" style="max-width: 200px;max-height: 125px;"/>
						<!--<video src="周杰伦+Jay+Chou【一点点+A+Little+Bit】1080P+MV.mp4" style="height:125px;width :200px;"></video>-->
						</a>
						
						<h2>Feb, 18</h2>
						<span>
							<!--白发渔樵，老月青山，平平淡淡，值得珍贵。-->
							<br />
							
							<br />
						 	我在跑道的第九道。
						</span>
						<div class="read_more" data-id="18/2/2011">Read more</div>
					</div>
					<div class="item_open" data-id="18/2/2011">
						<img class="con_borderImage" src="images/timeline_content/1w.jpg" style="widows: 490px;height: 155px;"/>
						<div class="timeline_open_content">
						<h2 class="no-marg-top">
							八十九号键
						</h2>
							<!--白发渔樵，老月青山，平平淡淡，值得珍贵。-->
							你是钢琴的第八十九键，我永远触摸不到的地方；
						</div>
					</div>
				
				<!--
                	作者：cuz_mr.j@live.com
                	时间：2017-04-13
                	描述：20111230  YuanDanOn8
                -->
					<div class="item" data-id="30/12/2011" data-description="Lorem ipsum dolor sit amet, consectetur adipiscing elit...">
						<a class="image_rollover_bottom con_borderImage" data-description="ZOOM IN" href="images/timeline_content/2.jpg" rel="lightbox[timeline]">
						<img src="images/timeline_content/2.jpg" alt="" style="max-width: 200px;max-height: 125px;" />
						</a>
						<h2>Dec, 30</h2>
						<span>
							<br />
							期待·期待你发现我的爱<br />
							无所不在<br />
							我自然而然的关怀
			            </span>
			           
						<div class="read_more" data-id="30/12/2011">Read more</div>
					</div>
					<div class="item_open" data-id="30/12/2011">
						<img class="con_borderImage" src="images/timeline_content/2w.jpg" />
						<div class="timeline_open_content">
						<h2 class="no-marg-top">期待你的爱</h2>
							I regret that I could not be understood by you.
							How important you are for me ! i am glad to listen your sweet voice ,
							see your sleeping face until we are getting older , 
							it's not just a few simple words to make you understand .
							You are not the perfect type I longer for , but really , I just like you , just !
						</div>
					</div>
					
				<!--
                	作者：cuz_mr.j@live.com
                	时间：2017-04-13
                	描述：20150218 XiaoQingOn2
                -->
					<div class="item" data-id="18/12/2014" data-description="Lorem ipsum dolor sit amet, consectetur adipiscing elit...">
						<a class="image_rollover_bottom con_borderImage" data-description="ZOOM IN" href="images/timeline_content/4.jpg" rel="lightbox[timeline]">
						<img src="images/timeline_content/4.jpg" alt="" />
						</a>
						<h2>Dec, 18</h2>
						<span>
							<br />
							街边太多人与车 <br />
							繁华闹市人醉夜<br />
							......  <br />
							... <br />
							 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;《弥顿道》
						</span>
						<div class="read_more" data-id="18/12/2014">Read more</div>
					</div>
					<div class="item_open" data-id="18/12/2014">
						<img class="con_borderImage" src="images/timeline_content/4w.jpg" />
						<div class="timeline_open_content">
						<h2 class="no-marg-top"> </h2>
						
						</div>
					</div>
			    
			    <!--
                	作者：cuz_mr.j@live.com
                	时间：2017-04-13
                	描述：
                -->
					<div class="item" data-id="08/06/2015" data-description="Lorem ipsum dolor sit amet, consectetur adipiscing elit...">
						<a class="image_rollover_bottom con_borderImage" data-description="ZOOM IN" href="images/timeline_content/7.jpg" rel="lightbox[timeline]">
						<img src="images/timeline_content/7.jpg" alt="" />
						</a>
						<h2>JULY, 17</h2>
						<span>
							<br />
							今天<br />
							我们毕业了！<br />
							各奔东西<br />
							再见，青春
						</span>
						<div class="read_more" data-id="08/06/2015">Read more</div>
					</div>
					<div class="item_open" data-id="08/06/2015">
						<img class="con_borderImage" src="images/timeline_content/7w.jpg" />
						<div class="timeline_open_content">
						<h2 class="no-marg-top">高州市第二中学2015届</h2>
						
						</div>
					</div>
					
				<!--
                	作者：cuz_mr.j@live.com
                	时间：2017-04-13
                	描述：GX 
                -->
					<div class="item" data-id="29/12/2015" data-description="Lorem ipsum dolor sit amet, consectetur adipiscing elit...">
						<a class="image_rollover_bottom con_borderImage" data-description="ZOOM IN" href="images/timeline_content/6.jpg" rel="lightbox[timeline]">
						<img src="images/timeline_content/6.jpg" alt="" />
						</a>
						<h2>Dec, 19</h2>
						<span>
							<br />
							元旦晚会；<br />
							好久没唱歌了。
						</span>
						<div class="read_more" data-id="29/12/2015">Read more</div>
					</div>
					<div class="item_open" data-id="29/12/2015">
						<img class="con_borderImage" src="images/timeline_content/6w.jpg" />
						<div class="timeline_open_content">
						<h2 class="no-marg-top">感动天 感动地</h2>
						      
						</div>
					</div>
				
				<!--
                	作者：cuz_mr.j@live.com
                	时间：2017-04-13
                	描述：fiveyear
                -->
					<div class="item" data-id="14/02/2016" data-description="Lorem ipsum dolor sit amet, consectetur adipiscing elit...">
						<a class="image_rollover_bottom con_borderImage" data-description="ZOOM IN" href="images/timeline_content/5.jpg" rel="lightbox[timeline]">
						<img src="images/timeline_content/5.jpg" alt="" />
						</a>
						<h2>Feb, 14</h2>
						<span>
							<br />
							心里边童年稚气梦未污染<br />
							今日我与你又试肩并肩<br />
							当年情此刻是添上新鲜<br />
							...... <br />
							... <br />
							《当年情》
						</span>
						<div class="read_more" data-id="14/02/2016">Read more</div>
					</div>
					<div class="item_open" data-id="14/02/2016">
						<img class="con_borderImage" src="images/timeline_content/5w.jpg" />
						<div class="timeline_open_content">
						<h2 class="no-marg-top">再聚首</h2>
							2009毕业，2016再一次拍了这组照片。<br />
							兄弟。一直都在
						</div>
					</div>
					
			</div> 
		<!-- /END TIMELINE -->
	</body>
</html>
